<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:common="http://www.contact.common.com/contacts/ui"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
      xmlns:a4j="http://richfaces.org/a4j">

<ui:component>

    <!--@elvariable id="id" type="java.lang.String"-->
    <!--@elvariable id="header" type="java.lang.String"-->
    <!--@elvariable id="reRender" type="java.lang.Object"-->

    <common:modalPanel id="#{id}"
                       header="Add Picture to #{otherContactSessionBean.basicContactData.fullName}"
                       reRender="#{reRender}"


            >

        <ui:define name="panelBody">
            <rich:fileUpload fileUploadListener="#{otherContactBean.listener}"
                             id="upload"
                             maxFilesQuantity="1"
                             immediateUpload="false"
                             acceptedTypes="jpg, gif, png, bmp"
                             allowFlash="false"
                             listHeight="58">
                <a4j:support event="onuploadcomplete" reRender="#{reRender}"/>
                 
            </rich:fileUpload>

        </ui:define>

        <ui:define name="actionCommand">

            <a4j:commandButton id="resetButton"
                               styleClass="button"
                               type="reset"
                               reRender="#{id}Form"
                               value="Close"
                               onclick="Richfaces.hideModalPanel('#{id}');"/>

        </ui:define>
    </common:modalPanel>


</ui:component>


</html>
